<header>
    <div class="pre-loader">
        <div class="load-con">
            <!--<img src="img/homepage/shanghutong.png"-->
            <!--class="animated fadeInDown" alt="商户通">-->
            <div class="spinner">
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
    </div>

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" id="navbar-toggle" class="navbar-toggle" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="fa fa-bars fa-lg"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="img/homepage/sht_logo.png" alt="" class="logo">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#product" onlclick="tst" style="font-weight: bold;font-size: large">了解商户通</a>
                    </li>
                    <li><a href="#download" style="font-weight: bold;font-size: large">立即下载</a>
                    </li>
                    <li><a href="#about_us" style="font-weight: bold;font-size: large">关于我们</a>
                    </li>
                    <li>
                        <a href="#fresh_sale" style="font-weight: bold;font-size: large"><i
                                class="fa fa-tree fa-lg"></i> 限时特惠</a>
                    </li>
                    <li>
                        <a href="#contact" style="font-weight: bold;font-size: large"><i
                                class="fa fa-envelope fa-lg"></i> 联系我们</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-->
    </nav>


    <!--RevSlider-->
    <div class="tp-banner-container">
        <div class="tp-banner">
            <ul>
                <!-- SLIDE  -->
                <li data-transition="fade" data-slotamount="7" data-masterspeed="1500">
                    <!-- MAIN IMAGE -->
                    <!-- LAYERS -->
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption lfl fadeout hidden-xs"
                         data-x="left"
                         data-y="bottom"
                         data-hoffset="30"
                         data-voffset="50"
                         data-speed="500"
                         data-start="700"
                         data-easing="Power4.easeOut">
                        <img src="img/homepage/hand_freeze.png" alt="">
                    </div>

                    <div class="tp-caption lfl fadeout visible-xs"
                         data-x="left"
                         data-y="center"
                         data-hoffset="700"
                         data-voffset="0"
                         data-speed="500"
                         data-start="700"
                         data-easing="Power4.easeOut">
                        <img src="img/homepage/hand_freeze2.png" alt="">
                    </div>
                    <div class="homepage-hero">
                        <div class="tp-caption large_white_bold sft" data-x="550" data-y="center" data-hoffset="0"
                             data-voffset="-80" data-speed="500" data-start="1200" data-easing="Power4.easeOut">
                            数喆商户通
                            <p class="homepage-h2">您身边的小微企业金融服务专家</p>
                        </div>
                        <div class="tp-caption large_white_light sfb" data-x="550" data-y="275" data-hoffset="0"
                             data-voffset="0" data-speed="1000" data-start="1500" data-easing="Power4.easeOut">


                        </div>
                    </div>

                    <div class="tp-caption sfb hidden-xs" data-x="550" data-y="center" data-hoffset="0"
                         data-voffset="85" data-speed="1000" data-start="1700" data-easing="Power4.easeOut">
                        <a href="#product" class="btn btn-primary inverse btn-lg">了解商户通</a>
                    </div>
                    <div class="tp-caption sfr hidden-xs" data-x="730" data-y="center" data-hoffset="0"
                         data-voffset="85" data-speed="1500" data-start="1900" data-easing="Power4.easeOut">
                        <a href="#download" class="btn btn-primary inverse btn-lg"><i
                                class="fa fa-download fa-lg"></i> 立即下载</a>
                    </div>
                </li>


            </ul>
        </div>
    </div>


</header>